<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<link href="css/mine.css" rel="stylesheet" type="text/css">
		<link href="https://cdn.bootcdn.net/ajax/libs/Swiper/5.4.5/css/swiper.min.css" rel="stylesheet">
	</head>
	<body>
		<div class="bigbox">
		<div class="head_fixed">
			<div class="hf_cont">
				<div class="fl">
					<a href="login.html"><img src="images/mine_bighead1.png"></a>登录/注册 
				</div>
				<div class="fr">
					<i class="a"></i><i></i>
				<div class="clear"></div>
			</div>
			</div>
		</div>
		<div class="head">
			<div class="head_cont">
				<div class="hf_cont">
					<div class="fr">
						<i class="a"></i><i></i>
					</div>
					<div class="clear"></div>
				</div>
				<div class="hd_cent">
					<div class="fl">
						<a href="login.html"><img src="images/mine_bighead1.png"></a>
					</div>
					<div class="fl">
						<p>登录/注册</p>
						<div class="dw"><i></i><span>&nbsp;&nbsp;&nbsp;签到领积分</span></div>
						
					</div>
					<div class="clear"></div>
				</div>
			</div>	
			<div class="jf">
				<ul class="jf_con">
					<li>- <span>积分</span></li>
					<li class="zj">- <span>优惠券</span></li>
					<li>-<span>代金券</span> </li>
				</ul>
			</div>
		</div>
		<div class="wd">
			<div class="as">
				<div class="wd_cont">
					<div class="wd_head">
						<div class="fl">
							<span>我的订单</span>
						</div>
						<div class="fr">
							<span>全部订单</span> >
						</div>
						<div class="clear"></div>
					</div>
				</div>
				<div class="wd_cent">
					<ul>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
					</ul>
				</div>
				<div class="wd_lbt">
					<div class="swiper-container test1">
					    <div class="swiper-wrapper">
					        <div class="swiper-slide pic1">
								<img src="images/mine_lbt1.jpg">
							</div>
					        <div class="swiper-slide pic1">
								<img src="images/mine_lbt2.jpg">
							</div>
					    </div>
					    <div class="swiper-pagination"></div>		    
					</div>
				</div>
			</div>
		</div>
		<div class="wd  wd2" >
			<div class="bs">
				<div class="wd_cont">
					<div class="wd_head">
						<div class="fl">
							<span>会员专享</span>
						</div>
						<div class="fr">
							<span>更多会员权益</span> >
						</div>
						<div class="clear"></div>
					</div>
				</div>
				<div class="wd_lbt">
					<div class="swiper-container swiper-test1">
					    <div class="swiper-wrapper">
					        <div class="swiper-slide pic1">
								<img src="images/hh.png">
							</div>
					        <div class="swiper-slide pic2">
								<img src="images/hh.png">
							</div>
					    </div>
					    <div class="swiper-pagination"></div>		    
					</div>
				</div>
			</div>
		</div>
		
		<div class="wd  wd3" >
			<div class="bs">
				<div class="wd_cont">
					<div class="wd_head">
						<div class="fl">
							<span>我的VMALL</span>
						</div>
						<div class="clear"></div>
					</div>
				</div>
				<div class="wd_vm">
					<ul>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="wd  wd3" >
			<div class="bs">
				<div class="wd_cont">
					<div class="wd_head">
						<div class="fl">
							<span>我的服务</span>
						</div>
						<div class="fr">
							<span>联系客服</span> >
						</div>
						<div class="clear"></div>
						<div class="clear"></div>
					</div>
				</div>
				<div class="wd_vm">
					<ul>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
						<li><i></i><span>待付款</span></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="wd  wd2" >
			<div class="bs">
				<div class="wd_cont">
					<div class="wd_head">
						<div class="fl">
							<span>华为生活</span>
						</div>
						<div class="clear"></div>
					</div>
				</div>
				<div class="wd_lbt">
					<div class="swiper-container swiper-test1 ">
					    <div class="swiper-wrapper">
					        <div class="swiper-slide pic1">
								<img src="images/hwsh1.png">
							</div>
					        <div class="swiper-slide pic2">
								<img src="images/hwsh1.png">
							</div>
					    </div>
					    <div class="swiper-pagination"></div>		    
					</div>
				</div>
			</div>
		</div>
		<!-- tj -->
		<div class="h"><h3>为您推荐</h3></div>
		<div class="wd  wd2" >
			<div class="bs">
				<div class="wd_cont">
					<div class="lx">
						<img src="images/lx.jpg">
						<img src="images/lx.jpg">
					</div>
				</div>
			</div>
		</div>
		<!-- footer -->
		<div class="footer">
			<div class="f_head">
				<span>登录</span>|<span>反馈</span>
			</div>
			<div class="f_two">
				<div class="fl">
					<img src="images/footer_1.png">
					<p>客户端</p>
				</div>
				<div class="fl">
					<img src="images/footer_2.png">
					<p class="black">触屏版</p>
				</div>
				<div class="fl">
					<img src="images/footer_3.png">
					<p>电脑版</p>
				</div>
				<div class="clear"></div>
			</div>
			<div class="f_thress">
				<div class="fl">					
					<p>隐私政策</p>
				</div>
				<div class="fl">
					<p>用户协议</p>
				</div>
				<div class="fl">
					<p>关于Cookie</p>
				</div>
				<div class="clear"></div>
			</div>
			<div class="f_four">
				<p> Copyright 2012-2020  VMALL.COM 版权所有</p>
			</div>
			<div class="f_four">
				<p> 营业执照  备案主体编号：44201919072182</p>
			</div>
			<div class="f_four">
				<p> 粤ICP备19015064号 粤公网安备 44190002003939号</p>
			</div>
			<div class="f_four">
				<p> 增值电信业务经营许可证：粤B2-20190762</p>
			</div>
		</div>
		<!-- bottem -->
		<div class="bottom">
			<div class="fl one">
				<img src="images/bottom_1.png">
			</div>
			<div class="fl two">
				<img src="images/bottom_2.png">
				<p>分类</p>
			</div>
			<div class="fl two">
				<img src="images/bottom_3.png">
				<p>发现</p>
			</div>
			<div class="fl two">
				<img src="images/bottom_4.png">
				<p>购物车</p>
			</div>
			<div class="fl two">
				<img src="images/bottom_5.png">
				<p>我的</p>
			</div>
			<div class="clear"></div>
		</div>
		<!-- gotop -->
		<div class="gotop">
			<img src="images/fixed.png">
		</div>
		</div>
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/5.4.5/js/swiper.min.js"></script>
		<script>
			var testSwiper = new Swiper('.test1', {
			    loop: true,
			    initialSlide: 1,
			    speed: 1500,
				slidesPerView :1, 
				// pagination: {
				//     el: '.swiper-test1 .swiper-pagination',
				//     clickable: true,
				// },
				slidesPerview:"auto",
			})
			var testSwiper = new Swiper('.swiper-test1', {
			    loop: true,
			    initialSlide: 1,
			    speed: 1500,
				slidesPerView : 2, 
				// pagination: {
				//     el: '.swiper-test1 .swiper-pagination',
				//     clickable: true,
				// },
				slidesPerview:"auto",
			})
			var gotop=document.querySelector(".gotop");
			var head_fixed=document.querySelector(".head_fixed");
			window.onscroll=function(){
				// console.log(document.documentElement.scrollTop);
				if(document.documentElement.scrollTop>=200){
					gotop.style.display="block";
					head_fixed.style.display="block";
					
				}
				else{
					gotop.style.display="none";
					head_fixed.style.display="none";
				}
			}
			gotop.onclick=function(){
				document.documentElement.scrollTop=0;
			}
		</script>
	</body>
</html>
